<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />	
		<title>首页</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
	</head>
	<body>
	    <div class="tb-logo">
	    	<span class="float-l pic"><img src="img/logo.png" alt="" /></span>
	    	<div class="tb-srch">
		    	<span class="shuru"></sp><input type="text" /></span>
		    	<span class="fa fa-search btn" aria-hidden="true"></span>
		    </div>
	    </div>	    
	    
	    <ul class="list-tb">
	    	<li class="li-choose">首页</li>
	    	<li>电影</li>
	    	<li>电视剧</li>
	    	<li>动漫</li>
	    </ul>
	    <div class="banner">
	    	<div class="swiper-container no-hide">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                    	<img src="img/banner.jpg" alt="" />
                    	<p>
                    		<span class="p-title">李恩智</span>
                            <span class="p-word">李恩智李恩智李恩智李恩智李恩智李恩智</span>
                    	</p>
                    </div>
                    <div class="swiper-slide">
                    	<img src="img/banner.jpg" alt="" />
                    	<p>
                    		<span class="p-title">李恩智</span>
                            <span class="p-word">李恩智李恩智李恩智李恩智李恩智李恩智</span>
                    	</p>
                    </div>
                    <div class="swiper-slide">
                    	<img src="img/banner.jpg" alt="" />
                    	<p>
                    		<span class="p-title">李恩智</span>
                            <span class="p-word">李恩智李恩智李恩智李恩智李恩智李恩智</span>
                    	</p>
                    </div>
                </div>
                <div class="swiper-pagination fenye"></div>
            </div>
	    </div>
	    
	    <div class="bd">
	    	<div class="t-title">
	    		<span>激情预告</span>
	    		<a href="#">更多</a>
	    	</div>
	    	<ul class="list-ul">
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    	</ul>
	    </div>
	    <div class="bd">
	    	<div class="t-title">
	    		<span>卫视同步</span>
	    		<a href="#">更多</a>
	    	</div>
	    	<ul class="list-ul">
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    	</ul>
	    </div>
	    <div class="bd">
	    	<div class="t-title">
	    		<span>日韩热播</span>
	    		<a href="#">更多</a>
	    	</div>
	    	<ul class="list-ul">
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    	</ul>
	    </div>
	    <div class="bd">
	    	<div class="t-title">
	    		<span>美剧精选</span>
	    		<a href="#">更多</a>
	    	</div>
	    	<ul class="list-ul">
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    	</ul>
	    </div>
	    
	    <div class="bd">
	    	<div class="t-title">
	    		<span>佳片有约</span>
	    		<a href="#">更多</a>
	    	</div>
	    	<ul class="film-ul">
	    		<li>
	    			<img src="img/iu.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/iu.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/iu.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/iu.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    	</ul>
	    	<ul class="fl">
	    		<li><a href="">科幻</a></li>
	    		<li><a href="">科幻</a></li>
	    		<li><a href="">科幻</a></li>
	    		<li><a href="">科幻</a></li>
	    		<li><a href="">科幻</a></li>
	    		<li><a href="">科幻</a></li>
	    		<li><a href="">科幻</a></li>
	    		<li><a href="">科幻</a></li>
	    	</ul>
	    </div>
	    <div class="bd">
	    	<div class="t-title">
	    		<span>院线大片</span>
	    		<a href="#">更多</a>
	    	</div>
	    	<ul class="film-ul">
	    		<li>
	    			<img src="img/iu.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/iu.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/iu.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/iu.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    	</ul>	    	
	    </div>
	    <div class="bd">
	    	<div class="t-title">
	    		<span>动漫剧场</span>
	    		<a href="#">更多</a>
	    	</div>
	    	<ul class="list-ul">
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    		<li>
	    			<img src="img/banner.jpg" alt="" />
	    			<span>李恩智</span>
	    			<span>李恩智李恩智李恩智</span>
	    		</li>
	    	</ul>
	    </div>
	    
	    <div class="footer">
	    	<div class="footer-bd">
	    		<ul>
	    			<li><a href="#">关于</a></li>
	    			<li><a href="#">招聘</a></li>
	    			<li><a href="#">反馈</a></li>
	    			<li><a href="#">帮助</a></li>
	    			<li><a href="#">About Us</a></li>
	    		</ul>
	    		<p class="bq">
	    			Copyright © 2016 All Rights Reserved.
	    		</p>
	    	</div>
	    </div>
	    <script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
	    <script type="text/javascript" src="js/bootstrap.min.js" ></script>
	    <script type="text/javascript" src="js/swiper.min.js" ></script>
	    <script type="text/javascript">
	    	$(document).ready(function(){	        	              
                var mySwiper = new Swiper ('.swiper-container', {
                   loop: true,
                   pagination : '.swiper-pagination',
                   paginationClickable :true,
                   autoplay : 4000,
                })                
	        }); 
	    </script>
	</body>
</html>
